

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"/>
	<link href="css/bootstrap.css" rel="stylesheet">
	<link rel="stylesheet" href="css/main.css">

	<script src="js/jquery.js"></script>
	<script src="js/bootstrap.min.js"></script>

	<title>名片管理系统</title>
</head>
<body>
	<br>
	<div id="searchdiv" style="background-color:#efefef;height:110px">
		<div style="width:400px;float:left">
			<p><strong>单元表示</strong></p>
			
			<p> <select style="width:200px" id="department">
				<option>all</option>
				<option>my</option>
				<option>elseasdfasdfasdfasd</option>
			</select> </p>
			<p> <select style="width:200px" id="person">
				<option>all</option>
				<option>my</option>
				<option>else</option>
			</select> &nbsp;&nbsp;
			<input type="checkbox" id="includemycard" />
			<span>包含我自己的所有名片</span>
			</p>
		</div>
		<div style="width:410px;float:right">
			<p><strong>检索</strong></p>
			<p>
			<span>公司: </span><input id="cmpname" type="text" />
			<span>姓名: </span><input id="name" type="text" />
			</p>
			<p>
			<span>日期: </span>
			<select>
				<option>--</option>
				<option>登陆日</option>
				<option>更新日</option>
			</select>
			<input style="width:95px" id="cmpname" type="text" />
			<span>--</span>
			<input style="width:95px" id="name" type="text" />&nbsp;&nbsp;&nbsp;
			<button type="button" class="btn btn-primary btn-sm">&nbsp;检索&nbsp;</button>
			</p>
	</div>
</div>
	<p></p>
	<div id="tablediv" style="height:300px">
	<table class="table table-bordered table-hover">
		<tr>
			<th></th>
			<th>所有者单元</th>
			<th>所有者</th>
			<th>公司</th>
			<th>部门</th>
			<th>职位</th>
			<th>详细信息</th>
		</tr>
		<tr>
			<td><input type="checkbox" /></td>
			<td>日本测试部</td>
			<td>张三疯</td>
			<td>日本测试部</td>
			<td>日本软件公司</td>
			<td>软件测试</td>
			<td><a href="detail.html" >详细信息</a></td>
		</tr>
		<tr>
			<td><input type="checkbox" /></td>
			<td>日本测试部</td>
			<td>张三疯</td>
			<td>日本测试部</td>
			<td>日本软件公司</td>
			<td>软件测试</td>
			<td><a href="detail.html" >详细信息</a></td>
		</tr>
		<tr>
			<td><input type="checkbox" /></td>
			<td>日本测试部</td>
			<td>张三疯</td>
			<td>日本测试部</td>
			<td>日本软件公司</td>
			<td>软件测试</td>
			<td><a href="detail.html" >详细信息</a></td>
		</tr>
		<tr>
			<td><input type="checkbox" /></td>
			<td>日本测试部</td>
			<td>张三疯</td>
			<td>日本测试部</td>
			<td>日本软件公司</td>
			<td>软件测试</td>
			<td><a href="detail.html" >详细信息</a></td>
		</tr>
		<tr>
			<td><input type="checkbox" /></td>
			<td>日本测试部</td>
			<td>张三疯</td>
			<td>日本测试部</td>
			<td>日本软件公司</td>
			<td>软件测试</td>
			<td><a href="detail.html" >详细信息</a></td>
		</tr>
		<tr>
			<td><input type="checkbox" /></td>
			<td>日本测试部</td>
			<td>张三疯</td>
			<td>日本测试部</td>
			<td>日本软件公司</td>
			<td>软件测试</td>
			<td><a href="detail.html" >详细信息</a></td>
		</tr>
		<tr>
			<td><input type="checkbox" /></td>
			<td>日本测试部</td>
			<td>张三疯</td>
			<td>日本测试部</td>
			<td>日本软件公司</td>
			<td>软件测试</td>
			<td><a href="detail.html" >详细信息</a></td>
		</tr>
	</table>
</div>
<br>
<div id="downdiv">
	<p>
	<button type="button" class="btn btn-info btn-xs">&nbsp;&nbsp;&nbsp;全选&nbsp;&nbsp;&nbsp;</button>
	<button type="button" class="btn btn-info btn-xs">取消全选</button>
	<select name="txtGroupNam" size="1"style="margin-left:520px;width:120px;">
		<option value="200">追加到组</option>
		<option value="300">全部更新</option>
		<option value="301">全部删除</option>
	</select>
	<button style="margin-left:35px" type="button" class="btn btn-primary btn-sm">&nbsp;&nbsp;&nbsp;执行&nbsp;&nbsp;&nbsp;</button>
	</p>
</div>
</body>
</html>
